<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jsp/jstl/core">
    <f:metadata>
        <f:event type="preRenderView" listener="#{Authenticate.onLoad}"/>
    </f:metadata>
    <h:form id="frmHeader" prependId="false">
        <div id="header">
            <div id="top_header">
                <div class="logo">Logo</div>
                <div class="right">
                    <div class="btnLink">
                        <h:commandLink id="facebook_reg" name="facebook" action="#{Authenticate.socialLogin}"
                                       actionListener="#{Authenticate.updateId}">
                            <h:graphicImage value="img/face_login.png"
                                            alt="facebook bongdanet"/>
                        </h:commandLink>
                    </div>
                </div>
            </div>
            <div class="nar_bar">
                <div class="nar_bar_center">
                    <div class="userLogin">
                        <h:panelGroup rendered="#{Authenticate.u ne null}">
                            <div>
                                <h:graphicImage class="userInfoAvatar" value="img/avatar.jpg"></h:graphicImage>
                            </div>
                            <div class="userInfoLogin">
                                <h:outputLabel value="#{Authenticate.u}"></h:outputLabel>
                                <h:commandButton value="Logout" action="#{Authenticate.logout}"></h:commandButton>
                            </div>
                        </h:panelGroup>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </h:form>
</ui:composition>
